<ion-view title="Tabs" >
    <ion-tabs class="tabs-stable tabs-icon-top tabs-positive" ng-class="{'tabs-item-hide': $root.hideTabs}">

        <ion-tab title="首页" 
                 icon-off="ion-ios-home-outline" 
                 icon-on="ion-ios-home" 
                 href="#/tab/home" >
            <ion-nav-view name="home-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="移动办公" 
                 icon-off="ion-ios-briefcase-outline" 
                 icon-on="ion-ios-briefcase" 
                 href="#/tab/mobile" >
            <ion-nav-view name="mobile-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="工作动态" 
                 icon-off="ion-ios-monitor-outline" 
                 icon-on="ion-ios-monitor" 
                 href="#/tab/active" >
            <ion-nav-view name="active-tab"></ion-nav-view>
        </ion-tab>

        <ion-tab title="我" 
                 icon-off="ion-ios-person-outline" 
                 icon-on="ion-ios-person" 
                 href="#/tab/person" >
            <ion-nav-view name="person-tab"></ion-nav-view>
        </ion-tab>

    </ion-tabs>
</ion-view>
